@import url(color.less);
#category {
  padding: 10px;
  >.panel-group {
    margin: 0;
    >.panel {
      margin: 0;
      >.panel-heading {
        background-color: #ebebeb;
        >.panel-title {
            >a {
              display: block;
              position: relative;
              font-size: 18px;
              color: #000;
            }
            >a:before {
              content: "";
              background-image: url('../images/arrow_up.gif');
              width: 30px;
              height: 7px;
              background-size:30px 7px;
              background-repeat:no-repeat;
              top:50%;
              transform: translateY(-50%);
              position: absolute;
              right:0px;
            }
           a.collapsed:before {
             background-image: url('../images/arrow_down.gif');
           }
        }
      }
     .panel-body {
       padding: 0;
        >.row {
          margin: 0;
          >div {
            padding: 0;
              a {
                color: #333;
                display: block;
                text-align: center;
                border: 1px solid @border-color;
                border-left:0;
                padding: 10px;
            }
          }
          >div:nth-of-type(3n){
            a {
              border-right:0;
            }
          }
        }
     }
    }
    >.panel:first-of-type {
      border-left-top:4px;
      border-right-top:4px;
    }
    >.panel:last-of-type {
      border-left-bottom:4px;
      border-right-bottom:4px;
    }
  }
}
